import React, { Component } from 'react';
import { Switch, Route, Redirect } from 'react-router-dom'
import Beforeeach from './BeforeEach';
class Routerview extends Component {
	render() {
		// 接受路由表  
		const { routes } = this.props
		return (
			<Switch>
				{
					routes.length > 0 && routes.map((v, i) => {
						// 根据路由表进行渲染 路由组件
						return v.path 
						// 存在v.path 返回路由页面
							? <Route key={i} path={v.path} 
							// 在render 函数当中 跳转路由之前 先进入Beforeeach路由前置拦截  
								render={ routeProps => <Beforeeach key={i} { ...routeProps } {...v}></Beforeeach> }></Route> 
							// 不存在  返回重定向路由
							: <Redirect key={i} { ...v }></Redirect>
					})
				}
			</Switch>
		);
	}
}

export default Routerview;
